Kayan İşlem Düğmesi Ekleyin

Yazma yöntemini deneyin
Jetpack Compose, Android için önerilen kullanıcı arayüzü araç setidir. Compose'da bileşen eklemeyi öğrenin.
Kayan işlem düğmesi →

Kayan işlem düğmesi (FAB), uygulamanızın kullanıcı arayüzündeki birincil işlemi tetikleyen dairesel bir düğmedir. Bu sayfada, FAB'ı düzeninize nasıl ekleyeceğiniz, görünümünü nasıl özelleştireceğiniz ve düğme dokunmalarına nasıl yanıt vereceğiniz gösterilmektedir.

Kayan işlem düğmesini Materyal Tasarım Kılavuzları'na göre uygulamanıza nasıl tasarlayacağınız hakkında daha fazla bilgi edinmek için Düğmeler: Kayan İşlem Düğmesi başlıklı makaleye de göz atın.

1.şekil Kayan işlem düğmesi

Kayan işlem düğmesini düzeninize ekleme

Aşağıdaki kodda, FloatingActionButton öğesinin düzen dosyanızda nasıl görünmesi gerektiği gösterilmektedir: 

<com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:src="@drawable/ic_my_icon"
        android:contentDescription="@string/submit"
        android:layout_margin="16dp" />

FAB, varsayılan olarak colorAccent özelliğiyle renklendirilir. Bu özelliği, temanın renk paletiyle özelleştirebilirsiniz.

XML özellikleri veya aşağıdaki gibi karşılık gelen yöntemleri kullanarak diğer KAB özelliklerini yapılandırabilirsiniz:

  • app:fabSize özelliği veya setSize() yöntemi kullanılarak FAB'nin boyutu.
  • app:rippleColor özelliğini veya setRippleColor() yöntemini kullanarak düğmenin dalgalanma rengi.
  • android:src özelliğini veya setImageDrawable() yöntemini kullanarak FAB simgesi.

Düğme dokunmalarına yanıt verme

Ardından, FAB dokunmalarını işlemek için bir View.OnClickListener uygulayabilirsiniz. Örneğin, aşağıdaki kod, kullanıcı KDA'ya dokunduğunda Snackbar simgesini gösterir:

Kotlin

val fab: View = findViewById(R.id.fab)
fab.setOnClickListener { view ->
    Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
            .setAction("Action", null)
            .show()
}

Java

FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
                .setAction("Action", null).show();
    }
});

FAB'nin özellikleri hakkında daha fazla bilgi için FloatingActionButton ile ilgili API referansına bakın.